/*
    一些公共样式，复写样式
*/

iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.flex_start {
  display: flex;
  justify-content: flex-start;
}

.flex_center {
  display: flex;
  justify-content: center;
}

.flex_around {
  display: flex;
  justify-content: space-around;
}

.flex_bet {
  display: flex;
  justify-content: space-between;
}

.flex_evenly {
  display: flex;
  justify-content: space-evenly;
}

.flex_col_start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.flex_col_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flex_col_around {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.flex_col_bet {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex_col_evenly {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.w1_h1 {
  width: 100%;
  height: 100%;
}

.w2_h1 {
  width: 50%;
  height: 100%;
}

.w1_h2 {
  width: 100%;
  height: 50%;
}

/* 禁止鼠标选中 */

.dis_m_sel {
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
}

/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  background-color: unset;
}

/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #aba7a775;
}
